.diagram-box {
  padding: 36px;
  position: relative;

  .flow {
    position: absolute;
    left: 398px;
    top: 12px;
  }

  .level-left {
    position: absolute;
    top: 206px;
    left: 272px;
  }

  .level-right {
    position: absolute;
    left: 602px;
    top: 108px;
  }

  .pump-status {
    position: absolute;
    top: 62px;
    left: 376px;
    width: 100px;
    height: 160px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;

    div {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      line-height: 36px;
      text-align: center;

      &.on {
        background-color: #52c41a;
      }

      &.off {
        background-color: #f93f1a;
      }
    }
  }
}
